<template>
	<div class="hong">
		
			<aside>
				<img src="../../../../public/hong/hong.png" >
				<h3>
					新用户注册领取388元大礼包
					<router-link to="/">
						<span>立即领取></span>
					</router-link>
				</h3>
				
				
			</aside>
	
	</div>
</template>

<script>
	export default{
		name:'Hongbao'
	}
</script>

<style>
	.hong aside{
		position: fixed;
		top: 19.8rem;
		z-index: 100;
		width: 100%;
		height: 1.3rem;
		line-height: 1.3rem;
		border-radius: 0.3rem 0.3rem 0 0;
		background-color: rgba(0,0,0,0.7);
	}
	
	.hong aside img{
		width: 1.1rem;
		height:1.1rem;
		float: left;
		margin-top: 0.15rem;
	}
	
	.hong aside h3{
		color: white;
		font-size: 0.4rem;
	}
	
	.hong aside h3 span{
		float: right;
		width: 2.6rem;
		height: 0.9rem;
		background-color: rgb(255, 198, 0);
		margin-right: 0.4rem;
		line-height: 0.9rem;
		align-items: center;
		margin-top: 0.18rem;
		text-align: center;
		border-radius: 0.9rem;
		
	}
</style>
